<!DOCTYPE html>
<html>
<head>
	<title>%title</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="J'blog.css">
	<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container">
			<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#"><i class="glyphicon glyphicon-globe"></i>%title</a>
				</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav myTabs">
						<li role="presentation" class="active"><a href="#">Home</a></li>
						<li role="presentation"><a href="#">Profile</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Messages <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">Separated link</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">One more separated link</a></li>
							</ul>
						</li>
					</ul>
					
					<ul class="nav navbar-nav myTabs navbar-right">
						<li><a href="#">Link</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Dropdown <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">Separated link</a></li>
							</ul>
						</li>
					</ul>
					<form class="navbar-form navbar-right">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="Search">
						</div>
						<button type="submit" class="btn btn-default">Submit</button>
					</form>
				</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</div>
	</nav>
	<div class="container user_info_icon">
		<div class="logo col-md-2 " >
			<h1>
			<a href="">Jjiawen<span class="logo_dot">.</span></i></a>
			</h1>
		</div>
		<div class="col-md-offset-11 center">
			<a class="user_info_button" href="#">
				<i class="fa fa-align-center"></i>
			</a>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="">
			<img src="image/Resturant-Employer-940x400.jpg" class="img-rounded blog_img">
		</div>
		<div class="text_blog">
			<a href="" class="title_blog">Restaurant Employer Read Clients Orders On His iPad</a>
			<p  class="text_blog_p"><a class="text_blog_p_a" href=""><i class="fa fa-camera-retro center"></i></a><span class=""> May 17, 2015 </span><a class="comments" href="">5 Comments</a><img class="img-circle" src="image/g41axeshctbjpg.jpg"><a id="ml0" href="">焦家文</a></p>
			<p class="text_blog_paper">It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to the new possibilities available. However, the industry is fast becoming overcrowded, heaving with agencies offering similar services — on the surface, at least. Producing creative, fresh projects is the key to standing out. Unique side projects are the best place to innovate, but balancing commercially and creatively lucrative work is tricky. So, this article looks at …</p>
			<div class="continue">
				<a href="" class="reading">Continue Reading</a>
				<a href="" class="share_item">
				<i class="fa fa-share "></i>
				</a>
			</div>
		</div>
		<nav aria-label="Page navigation">
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
	</div>
	<div id="foot">
		<div class="container">
			<div id="about_me" class="col-md-4">
				<h3>About Me</h3>
				<img class="img-rounded" src="image/aboutme.jpg">
				<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
			</div>
			<div id="Tweets" class="col-md-4">
				<h3>Tweets</h3>
				<ul>
					<li>
						<a class="tweet_head" href=""><i class="fa fa-twitter"></i></a><a class="name" href="">Ahmad Works</a> <span class="tweets_text">@AppleSupport If you need to know the version number, its 9.2.1 (13D15)</span>
						<div class="tweets_bt">
							<a class="tweets_time" href=""> about 2 months ago</a>
							<span class="tweet_links"><a class="tweet_link tweet_link_reply" href=""><i class="fa fa-reply"></i></a><a class="tweet_link tweet_link_retweet" href=""><i class="fa fa-retweet"></i></a><a class="tweet_link tweet_link_retweet" href=""><i class="fa fa-star"></i></a></span>
						</div>
					</li>
					<li>
						<a class="tweet_head" href=""><i class="fa fa-twitter"></i></a><a class="name" href="">Ahmad Works</a> <span class="tweets_text">@AppleSupport My new 6 plus 64GB (24GB free) all apps crash after minutes of using, even apple products, already tried restart and reset</span>
						<div class="tweets_bt">
							<a class="tweets_time" href=""> about 2 months ago</a>
							<span class="tweet_links"><a class="tweet_link tweet_link_reply" href=""><i class="fa fa-reply"></i></a><a class="tweet_link tweet_link_retweet" href=""><i class="fa fa-retweet"></i></a><a class="tweet_link tweet_link_retweet" href=""><i class="fa fa-star"></i></a></span>
						</div>
					</li>
					<li>
						<a class="tweet_head" href=""><i class="fa fa-twitter"></i></a><a class="name" href="">Ahmad Works</a> <span class="tweets_text">@standupkid You are welcome, feel free to talk to us anytime, have a nice day :)</span>
						<div class="tweets_bt">
							<a class="tweets_time" href=""> about 3 months ago</a>
							<span class="tweet_links"><a class="tweet_link tweet_link_reply" href=""><i class="fa fa-reply"></i></a><a class="tweet_link tweet_link_retweet" href=""><i class="fa fa-retweet"></i></a><a class="tweet_link tweet_link_retweet" href=""><i class="fa fa-star"></i></a></span>
						</div>
					</li>
				</ul>
			</div>
			<div id="Instagram" class="col-md-4">
				<h3>Instagram</h3>
				<div class="Instagram_img">
					<a href=""><img src="image/1.jpg"></a>
					<a href=""><img src="image/1.jpg"></a>
					<a href=""><img src="image/1.jpg"></a>
					<a href=""><img src="image/1.jpg"></a>
					<a href=""><img src="image/1.jpg"></a>
					<a href=""><img src="image/1.jpg"></a>
					<a href=""><img src="image/1.jpg"></a>
					<a href=""><img src="image/1.jpg"></a>
					<a href=""><img src="image/1.jpg"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-12">
		<div class="container second_footer_content_wrapper">
		© 2015 Writing Designs, INC. All Rights Reserved.							
		</div>
	</div>
</body>
</html>
<script type="text/javascript">
	$('.myTabs li').click(function () {
	  $(this).addClass("active");
	  $(this).siblings().removeClass("active");
	})
</script>